<template>
	<view class="NearbyStore">
		<p class="p">附近门店</p>
		<view class="card">
			<view>
				<uni-icons type=""></uni-icons>
				<image style="width: 80px;height: 80px;" src="@/static/3c1057233edfdd099112a8b6a8cdd33.png" mode=""></image>
			</view>
			<view>
				<p>授权地理位置</p>
				<p>带您发现更多线下门店</p>
			</view>
			<view>
				<button type="info" size="mini" @click="goto('/pages/Vip/components/addVip')">去授权</button>
			</view>
		</view>
	</view>
</template>
<script>
	export default {
		data() {
			return {
				title: 'Hello'
			}
		},
		components:{
		},
		onLoad() {

		},
		methods: {

			goto(url) {
				// console.log("按钮被点击了，且传入的参数是：" + url)
				uni.showModal({
					title: '地理位置未授权',
					content: '开启授权帮助你定位距离最近的门店',
					showCancel:true,
					cancelText: "取消", // 取消按钮的文字  
					confirmText: "开启授权", // 确认按钮的文字  
					confirmColor: '#f55850',
					cancelColor: '',
					success: function (res) {
						console.log(res)
						if (res.confirm) {
							console.log('用户点击确定');
						} else if (res.cancel) {
							console.log('用户点击取消');
						}
					},
				});
				// uni.showToast({
				// 				title: '地理位置未授权',
				// 				icon:'exception',
				// 				duration:850
				// 			});
				// uni.navigateTo({
				// 	url:url
				// 	})
			}
		}
	}
</script>

<style scoped lang="scss">
	.NearbyStore{
		width: 95%;
		margin: 10px auto;
		.card{
			margin: 10px auto;
			background-color: #fff;
			border-radius: 5%;
			display: flex;
			flex-wrap: nowrap;
			justify-content: space-around;
			align-items: center;
		}
		>p{
			font-size: 24px;
		}
	}
	.gift{
		.card{
			
		}
	}
	li{
		// list-style: none;
	}
</style>